@import "../../libs/weui.css";
@import "../../libs/swiper.min.css";
html,
body {
  width: 100%;
  height: 100%;
  font: normal normal normal 14px/22px 'microsoft yahei';
  margin: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none;
}
.tabs {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 2px solid #387FC8;
  background-color: #f1f1f1;
}
.tabs ul {
  width: 100%;
  height: 100%;
  list-style: none;
}
.tabs ul li {
  float: left;
  width: 85px;
  height: 100%;
  list-style: none;
  border-right: 1px solid #bbb;
}
.tabs ul li a {
  width: 100%;
  height: 100%;
  text-align: center;
  font: normal normal normal 16px/50px 'microsoft yahei';
  display: inline-block;
  text-decoration: none;
}
.tabs ul li a.focus,
.tabs ul li a:hover,
.tabs ul li a:active {
  text-decoration: none;
}
.tabs ul li.action a {
  color: #387FC8;
  background-color: #fff;
}
.tabs ul li.action a:active {
  background-color: #fff;
}
.tabs ul li:not(.action) a {
  color: #000;
  background: transparent;
}
.tabs ul li:not(.action) a:active {
  background-color: #f5f5f5;
}
a {
  text-decoration: none;
}
.modal-alert {
  display: none;
}
header {
  position: relative;
  width: 100%;
  height: 40px;
  background: #0092D7;
}
header .logo {
  width: 100%;
  height: 100%;
  float: left;
  text-align: center;
}
header .logo .title {
  margin-left: -60px;
  color: #fff;
  font: normal normal normal 16px/40px 'microsoft yahei';
}
header .logo a {
  float: left;
  margin: 0 15px;
  color: #fff;
  font: normal normal normal 16px/40px 'microsoft yahei';
  text-decoration: none;
}
.fly-top {
  position: fixed;
  bottom: 30px;
  right: 10px;
  display: none;
}
.fly-top a {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: #ffffff url(imgs/up.png) no-repeat center center;
}
.container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.container .main-title {
  width: 100%;
  min-height: 40px;
  overflow: hidden;
  font: normal normal bold 15px/40px 'microsoft yahei';
}
.container .main-title span {
  float: left;
  margin-left: 15px;
  color: #333;
  display: block;
  max-width: 70%;
}
.container .main-title a {
  font: normal normal normal 14px/40px 'microsoft yahei';
  float: right;
  color: #387FC8;
  margin-right: 15px;
  display: none;
}
.container .main-title .sale-state {
  font: normal normal bold 14px/40px 'microsoft yahei';
  float: right;
  color: #F09C47;
  margin-right: 15px;
  display: none;
}
.container .imgdetail {
  width: 100%;
  min-height: 160px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.container .imgdetail img {
  max-width: 100%;
  width: 100%;
}
.container .guide-price {
  width: 100%;
  min-height: 45px;
  border-bottom: 1px solid #ccc;
  margin: 10px 0 0;
  overflow: hidden;
}
.container .guide-price .w-rest-160 {
  float: left;
}
.container .guide-price .w-160 {
  float: left;
  margin: 0 15px;
}
.container .guide-price span {
  font: normal normal normal 14px/35px 'microsoft yahei';
}
.container .guide-price span.lbl {
  color: #999;
}
.container .guide-price .btn-blue {
  background-color: #337ab7;
  font: normal normal normal 15px/32px 'microsoft yahei';
  border-radius: 0;
}
.container .param {
  width: 100%;
  min-height: 170px;
  height: auto;
  overflow: hidden;
  padding: 0 0 20px 0;
  display: none;
  /*a {
      color: #333;
      font: normal normal normal 15px/32px 'microsoft yahei';
      border-radius: 0;
      border: 1px solid #999;

      &:visited {
        color: #333;
      }
      &:after {
        border-radius: 0;
      }
    }*/
}
.container .param .moto-title {
  margin: 8px 15px;
  font: normal normal 700 15px/22px 'microsoft yahei';
  color: #387FC8;
}
.container .param .row {
  margin: 8px 15px 0;
}
.container .param span {
  font: normal normal normal 14px/22px 'microsoft yahei';
}
.container .param span.lbl {
  color: #999;
}
.container .param .tab .title {
  margin: 10px 15px;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  height: 35px;
  background: #ddd;
}
.container .param .tab .title li {
  width: 100px;
  height: 35px;
  float: left;
  font: normal normal normal 15px/35px 'microsoft yahei';
  text-align: center;
}
.container .param .tab .title li.action {
  background: #fff;
  height: 37px;
}
.container .param .tab .tab-content.tab-price {
  display: block;
}
.container .param .tab .tab-content.tab-level {
  display: none;
}
.container .param .tab .tab-content ul li {
  width: 50%;
  float: left;
  margin: 20px 0 0;
}
.container .param .tab .tab-content ul li:nth-child(odd) > div {
  padding: 5px 10px 0;
}
.container .param .tab .tab-content ul li:nth-child(even) > div {
  padding: 5px 10px 0 0;
}
.container .param .tab .tab-content ul li > div {
  height: 180px;
  margin: 0 auto;
}
.container .param .tab .tab-content ul li > div img {
  width: 100%;
  height: 80px;
  border: 1px solid #ddd;
}
.container .param .tab .tab-content ul li > div .mname {
  color: #387FC8;
  margin: 5px 0;
  font: normal normal bold 14px/22px 'microsoft yahei';
}
.container .param .tab .tab-content ul li > div .mprice {
  color: #ff6666;
  font: normal normal bold 13px/22px 'microsoft yahei';
}
.container .param .tab .tab-content ul li > div .minfo {
  color: #666;
  font: normal normal normal 12px/22px 'microsoft yahei';
}
.weui_btn_default:not(.weui_btn_disabled):visited {
  color: #333;
}
.lbl {
  color: #999;
}
footer {
  position: relative;
}
.container-bigimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
  overflow: hidden;
  display: none;
  z-index: 2;
}
.container-bigimg .head {
  position: relative;
  width: 100%;
  height: 40px;
  font: normal normal normal 14px/40px 'microsoft yahei';
}
.container-bigimg .head .return {
  position: absolute;
  left: 15px;
  top: 0;
  color: #fff;
}
.container-bigimg .head .img-count {
  position: relative;
  left: 50%;
  margin-left: -10px;
}
.container-bigimg .bigimg {
  position: relative;
  width: 100%;
  margin: 0;
}
.container-bigimg .bigimg .moto-name {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 40px;
  margin-top: -242.5px;
  font: normal normal normal 14px/40px 'microsoft yahei';
  text-align: center;
}
.container-bigimg .bigimg .img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 270px;
  margin-top: -135px;
  text-align: center;
}
.container-bigimg .bigimg .img img {
  max-width: 100%;
  max-height: 260px;
  margin: 0 auto;
}
.container-bigimg .bigimg .img .hint {
  display: block;
  width: 100%;
  text-align: center;
  font: normal normal normal 12px/22px 'microsoft yahei';
  color: #bebebe;
}
.carousel-caption {
  bottom: 0;
  padding-bottom: 0;
  color: #bebebe;
}
.carousel {
  height: 100%;
}
.carousel-inner {
  height: 100%;
}
.carousel-inner .item {
  height: 100%;
}
.swiper-wrapper li {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 100%;
}
.swiper-wrapper li img {
  vertical-align: middle;
}
